// 动态加载组件
import { lazy, Suspense } from 'react';
import Private from '@/router/Private.tsx';
// 动态加载组件 方法
function LazyLoad(url: string) {
	// 配置动态加载组件路径
	const Element = lazy(() => import(`${url}`));
	return (
		// 返回组件，Suspense:懒加载组件
		<Suspense fallback={<h3>加载中. . . </h3>}>
			{/* 内容组件 */}
			<Private>
				<Element />
			</Private>
		</Suspense>
	);
}
// 导出方法
export default LazyLoad;

/**
 * 1// 导入懒加载组件方法
 * import LazyLoad from "./LazyLoad";
 *
 * 2使用：
 * element: LazyLoad("../views/HomeView")
 *
 * **/
